@font-face{
  font-family: "cart";
   src:url('../fonts/cart.ttf') format('truetype'),  
      url('../fonts/cart.otf') format('embedded-opentype'),  
      url('../fonts/cart.woff') format('woff');  
    font-weight: normal;  
    font-style: normal;
}
html {
  height: 100%;
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%);
  cursor: move;
}

body {
  width: 100%;
  margin: 0;
  overflow: hidden;
}

h1.title{
  position: absolute;
  text-align: center;
  color: rgba(200,200,200,0.9);
  z-index: 99;
  font-size: 3em;
  top: 0;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  width: 99%
}

/* Demo Buttons Style */
.codrops-demos {
	font-size: 1.5em;
	text-align:center;
	position:absolute;
  left: 15%;
	z-index:99;
	width:70%;
  top: 30%
}

.codrops-demos a {
  font-family: "cart";
  cursor: pointer;
	display: inline-block;
	margin: 0.35em 0.1em;
	padding: 0.5em 1.2em;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 2px;
	font-size: 110%;
	border: 2px solid transparent;
	color:#fff;
  border-color: rgba(0,187,184,0.30)
}

.codrops-demos input{
  width: 95%;
  height: 3em;
  margin: 1em;
  background-color: rgba(50,50,80,0.6);
	border-width: 3px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
  color: rgba(200,200,200,0.9);
	font-size: 1em;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.codrops-demos textarea{
	width: 95%;
	height: 12em;
	margin 1em;
	background-color: rgba(50,50,80,0.6);
	border-width: 3px;
	border-style: solid;
	border-color: rgba(0,0,30,0.5);
    color: rgba(200,200,200,0.9);
	font-size: 1em;
  -moz-appearance:none;
  -webkit-appearance:none;
  overflow:hidden;
  resize:none
}

.codrops-demos a:hover,
.codrops-demos a.current-demo {
	border-color: rgba(0,255,36,1.00)
}